<template>
  <div>
    <!--普通的按钮-->
    <button @click="callback()" class="btn">{{ text }}</button>
  </div>
</template>

<script>
export default {
  name: "SXQ-Button",
  props: ['callback', "text"],
}
</script>

<style scoped>
.btn {
  width: 100%;
  padding: 10px;
  background-color: #ff4d00;
  border: none;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 10px;
  transition: .8s;
}

.btn:hover {
  background-color: #2957b9;
}
</style>